<div id="hello-vue" class="demo">
  {{message}}
</div>
  ​


  <script src="https://unpkg.com/vue@next"></script>
  <script>

    function useMessage(message){
        return message;
        console.log("message:",message)
    }



  const HelloVueApp = {
    data() {
      return {
        message: 'Hello Vue!!'
      }
    },
    // setup(){
    //     const  message = useMessage(23);
    //     return message
    // }
    
  }

//   mount('#hello-vue') 将 Vue 应用 HelloVueApp 挂载到 <div id="hello-vue"></div> 中。

// {{ }} 用于输出对象属性和函数返回值。

// {{ message }} 对应应用中 message 的值。
  ​
  Vue.createApp(HelloVueApp).mount('#hello-vue')
//   传递给 createApp 的选项用于配置根组件。在使用 mount() 挂载应用时，该组件被用作渲染的起点。
// createApp 的参数是根组件（HelloVueApp），在挂载应用时，该组件是渲染的起点。
  </script>